<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<!--edge浏览器H5兼容设置-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!--360浏览器H5兼容设置-->
		<meta name="renderer" content="webkit" />
		<title>客户端</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!--导入核心文件-->
		<link href="../bootstrap3/css/bootstrap.css" rel="stylesheet" type="text/css">
		<!-- 字体图标 -->
		<link rel="stylesheet" href="../bootstrap3/font-awesome-4.7.0/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="../css/footer.css" />
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../css/top.css" />
		<style>
			#customers
			{
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				width:100%;
				border-collapse:collapse;
			}
			#customers td, #customers th
			{
				font-size:1em;
				border:1px solid lightsteelblue;
				padding:3px 7px 2px 7px;
			}
			#customers th
			{
				font-size:1.1em;
				text-align:left;
				padding-top:5px;
				padding-bottom:4px;
				background-color:lightsteelblue;
				color:#ffffff;
			}
			#customers tr.alt td
			{
				color:#000000;
				background-color:#e1edf7;
			}
		</style>
	</head>

	<body style="background-color: #e1edf7">
		<!--头部-->
		<header class="header">
			<!--logo-->
			<div class="row">
				<div class="col-md-3">
					<a href="index.html">
						<img src="../images/index/stumalllogo.png" />
					</a>
				</div>
				<!--快捷选项-->
				<div class="col-md-9 top-item">
					<ul class="list-inline pull-right">
						<li><a href="orders.html"><span class="fa fa-file-text"></span>&nbsp;历史业务</a></li>
						<li class="li-split">|</li>
						<li><a href="login.html"><span class="fa fa-user"></span>Server 0</a></li>
					</ul>
				</div>
			</div>
		</header>
		<!--导航 -->
		<!--分割导航和顶部-->
		<div class="row indexDiv" align="center" >
			<h3 margin-top="-3">跨网络动态业务流验证技术<b>服务器</b></h3>

		</div>
		<!--头部结束-->
		<!--导航结束-->
		<div class="container">
			<div class="row">

				<div class="col-md-12">
					<div class="panel panel-default text-center">
						<div class="panel-heading">
							<p class="panel-title text-center">本地业务完成列表</p>
						</div>
						<div class="panel-body panel-item">
							<table id="customers">
								<tr>
									<th>业务序号</th>
									<th>业务流明文</th>
								</tr>
								<tr>
									<td>2</td>
									<td>本节点5011已加入网络！</td>
								</tr>
<!--								<tr class="alt">-->
<!--									<td>2</td>-->
<!--									<td>hello</td>-->
<!--								</tr>-->
<!--								<tr>-->
<!--									<td>3</td>-->
<!--									<td>你好</td>-->
<!--								</tr>-->
								<tr class="alt">
									<td>3</td>
									<td>hello world</td>
								</tr>
							</table>
						</div>
					</div>
			</div>
			
			<!--推荐栏目-->
			<div class="row">
				<div class="col-md-6">
					<div class="panel panel-default  text-center">
						<div class="panel-heading">
							<p class="panel-title">执行状态</p>
						</div>
						<div class="panel-body panel-item">
							<p>
								客户端开启监听，地址：10.164.245.229:5011<br>
<!--								业务ID:3已达成全网共识!<br>-->
<!--								即将发往client :5011<br>-->
<!--								正在加密：<br>-->
<!--								信息串明文：hello world<br>-->
<!--								生成AES秘钥：ABCDABCDABCDABCD<br>-->
<!--								AES算法加密的信息块：<br>-->
<!--								gok9pts4rKRcfV0judj2pw==<br>-->
<!--								ECC算法加密的密文块：<br>-->
<!--								04a5a1c474e9e54c638e0ca55046dce81349305e15005ee-->
<!--								ccd1a5c659774f67a86814c5598a01f9a9530e2814ae57f1e-->
<!--								b2879dd74fbade3faaec2392ae59d7541ce6f740082f8e678<br>-->
<!--								833ddb49a2da46<br>-->

								收到来自5010节点的业务信息<br>
								用私钥解密秘钥块：ABCDABCDABCDABCD<br>
								用AES秘钥解密明文：hello world<br>
								明文摘要：cd2eca3535741f27a8ae40c31b0c41d405<br>7a7a7b912b33b9aed86485d1c84676<br>
								收到来自0节点的查询回复：cd2eca3535741f27a8ae40<br>c31b0c41d4057a7a7b912b33b9aed86485d1c84676<br>
								对比验证成功！<br>
								业务ID:3已达成全网共识<br>
							</p>
						</div>
					</div>
				</div>
				<div class="col-md-6">
					<div class="panel panel-default">
						<div class="panel-heading text-center">
							<p class="panel-title">发送业务</p>
						</div>
						<div id="hot-list" class="panel-body panel-item">
							<!--修改密码表单开始-->
							<form id="form-change-password" class="form-horizontal" role="form">
								<div class="form-group center-block">
									<div class="col-md-10">
										<input name="oldPassword" type="text" class="form-control" placeholder="请输入业务信息">
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-offset-8 col-sm-10">
										<input id="btn-change-password" type="button" class="btn btn-primary" value="发送" />
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--页脚开始-->
		<footer class="footer">
			<div class="text-center rights container">
				<div class="col-md-offset-4 col-md-2">
					<span class="fa fa-address-card-o"></span>
					<p>指导老师：桂小林</p>
				</div>
				<div class="col-md-2">
					<span class="fa fa-graduation-cap"></span>
					<p>学生：李佳柠</p>
				</div>
			</div>
		</footer>
		<!--页脚结束-->
		</div>
	</body>

</html>